<template>
  <div class="empty">
    <img :src="image" alt="" />
    <p>{{ text }}</p>
  </div>
</template>

<script setup>
import { defineProps } from 'vue'

defineProps({
  image: {
    type: String,
    default: 'https://img.hzanchu.com/acimg/2b3e271aa7284555dacdd340df37f9b9.png'
  },
  text: {
    type: String,
    default: '暂无数据'
  }
})

</script>

<style scoped lang="less">
  .empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 180px;
    img {
      width: 50vw;
    }
    p {
      color: #999;
      font-size: 32px;
      line-height: 40px;
      margin-top: 32px;
    }
  }
</style>
